<template>
<div class="login clearfix">
    <div class="login_bg">
        <img :src="bgData" alt="">
      </div>
        <div class="login_list">
            <div class="login_box fr">
                <p>欢迎登陆</p>
                <h3>侨梦苑 · 中关村智造园 后台管理系统</h3>
                <loginView :data="formInline" @on-submit="handClick"></loginView>
            </div>
        </div>
    </div>
</template>

<script>
import loginView from '@/view/login/list/loginView'
export default {
    components: {
        loginView
    },
    data() {
        return {
            bgData: require('@/assets/images/bg_login.png'),

            formInline: {
                user: '',
                password: '',
                interest: null,
            },
        };

    },
    methods: {
      handClick() {
      }
    },
};
</script>

<style lang="less" scoped>
.login {
    width: 100%;

    .login_bg {
        position: absolute;
        width: 50%;
        right: 0;
        top: 0;
        bottom: 0;

        img {
            width: 100%;
            height: 100%;
        }
    }

    .login_list {
        position: absolute;
        width: 50%;

        .login_box {
            margin-top: 50%;
            transform: translateY(-50%);
            color: #3399ff;

            p {
                font-size: 20px;
                margin-bottom: 20px;
            }

            h3 {
                font-size: 30px;
                margin-bottom: 90px;
            }

       
        }
    }
}
</style>
